<template>
  <div>
    <CloudAffix :offset-top="top">
      <CloudButton type="primary" @click="top += 10">
        Affix top
      </CloudButton>
    </CloudAffix>
    <br />
    <CloudAffix :offset-bottom="bottom">
      <CloudButton type="primary" @click="bottom += 10">
        Affix bottom
      </CloudButton>
    </CloudAffix>
  </div>
</template>

<script>
export default {
  title: '1.基本使用',
  data() {
    return {
      top: 100,
      bottom: 10,
    };
  },
};
</script>